<template>
  <table v-show="list && list.length > 0" class="table table-bordered table-hover">
    <caption>投研大咖说资料</caption>
    <thead>
      <tr>
        <th>voiceType</th>
        <th>名称</th>
        <th></th>
      </tr>
    </thead>
    <tbody>
      <tr v-for="it in list">
        <td>
          {{it.voiceType}}
        </td>
        <td>
          {{it.name}}
        </td>
        <td class="col-nowrap text-right">
          <button class="btn btn-sm btn-danger" @click="deleteItem(it.voiceType)">删除</button>
        </td>
      </tr>
    </tbody>
  </table>
  <vue-pages :pages.sync="pages" :get-list="getList"></vue-pages>
  <vue-uploader v-ref:uploader></vue-uploader>
</template>
<style src="./item-list.css" scoped></style>
<script src="./item-list.js"></script>